<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/logReg.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="plugins/aos/aos.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="Index.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr pr">
                    <a href="UserPage.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPage.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="wallet"><a href="Wallet.html">钱包</a></li>
                            <li class="setting"><a href="Setting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr pr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="javascript:void(0);">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-piazza fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index active fr">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content">
    <div class="SY-firstPage tac pr">
        <div class="mainTitle feb pa" aos="fade-down">学习 交流 分享 展示</div>
        <h2 class="secTitle pa" aos="fade-up">每一位艺术家的成长瞬间都值得被记录</h2>
        <div class="btns pa">
            <a class="openPage transition6 dib" href="Setting.html" aos="zoom-out-right">开通我的研习社</a>
            <a class="ToSquare transition6 dib" href="Piazza.html" aos="zoom-out-left">去广场</a>
        </div>
    </div>
    <div class="SY-secondPage pr">
        <div class="textBox clearfix pr" aos="flip-up" aos-duration="1500" aos-anchor-placement="center-bottom">
            <div class="fl pa">
                <h2 class="title">一个有意义的收益来源</h2>
                <p class="text">
                    开通自己的研习社，分享创作过程，粉丝向您支付订阅费，以换取独家体验和幕后内容。
                </p>
            </div>
            <div class="fr pa">
                <h2 class="title">重拾自由创作的乐趣</h2>
                <p class="text">
                    您可以将自己创作的乐趣和其他人一起分享，没有任何约束。
                </p>
            </div>
        </div>
    </div>
    <div class="SY-thirdPage">
        <div class="tac">
            <div class="titleBox tac clearfix">
                <p class="lines tar">
                    <span class="dib num1" aos="fade-right"></span>
                    <span class="dib num2" aos="fade-right" aos-duration="1500"></span>
                </p>
                <p class="title" aos="zoom-in">都有谁在<span class="feb">深夜</span></p>
                <p class="lines tal fr">
                    <span class="dib num2" aos="fade-left" aos-duration="1500"></span>
                    <span class="dib num1" aos="fade-left"></span>
                </p>
            </div>
            <div class="box">
                <div class="box-con">
                    <span class="prev"></span>
                    <span class="next"></span>
                    <ul class="list">
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="SY-fourthPage">
        <div class="wrap tac">
            <div class="title" aos="zoom-in">透明的分配模式</div>
            <div class="progressBox">
                <div class="text clearfix">
                    <p class="fl worker" aos="fade-right"><span class="blue">80%</span>的收益属于创作者</p>
                    <p class="fr cost" aos="fade-left"><span class="orange">10%</span>运营成本</p>
                </div>
                <div class="progress pr">
                    <div class="pa transition worker"></div>
                    <div class="pa transition broadband"></div>
                    <div class="pa transition cost"></div>
                </div>
                <div class="text clearfix">
                    <p class="fr broadband" aos="fade-left" aos-duration="1500"><span class="green">10%</span>的宽带费用支付云服务</p>
                </div>
            </div>
        </div>
    </div>
    <div class="SY-fifthPage">
        <div class="wrap">
            <div class="titleBox tac clearfix">
                <p class="lines tar">
                    <span class="dib num1" aos="fade-right"></span>
                    <span class="dib num2" aos="fade-right" aos-duration="1500"></span>
                </p>
                <p class="title" aos="zoom-in">全新的工作<span class="feb">生活方式</span></p>
                <p class="lines tal fr">
                    <span class="dib num2" aos="fade-left" aos-duration="1500"></span>
                    <span class="dib num1" aos="fade-left"></span>
                </p>
            </div>
            <div class="list">
                <div class="item dib transition6 borderLeft" aos="flip-left">
                    <div class="title">
                        <p>每个人都可以分享内容吗？</p>
                    </div>
                    <div class="text">
                        我们相信，再小的个体都有自己擅长的技能，您可以分享您的心得体会，创作灵感等，只要您的粉丝喜欢，都可以。
                    </div>
                </div>
                <div class="item dib transition6 borderRight" aos="flip-left">
                    <div class="title">
                        <p>创作分享内容怎样获得收益？</p>
                    </div>
                    <div class="text">
                        优质的内容将获得粉丝的支持，您的粉丝将每月支付您订阅费用，感谢您的辛勤创作分享。
                    </div>
                </div>
                <div class="item dib transition6 borderRight" aos="flip-left">
                    <div class="title">
                        <P style="padding:45px 25px;">每月订阅付费方式</P>
                    </div>
                    <div class="text">
                        您的粉丝无需一次性支付高昂的费用，降低成本后，获得更多支持者更加容易。
                    </div>
                </div>
                <div class="item dib transition6 borderLeft" aos="flip-left">
                    <div class="title">
                        <P>属于你自己的个人主页</P>
                    </div>
                    <div class="text">
                        随着优质内容的持续发布后，您的个人主页更有价值，获得越来越多的每月收益。
                    </div>
                </div>
                <div class="item dib transition6 borderRight" aos="flip-left">
                    <div class="title">
                        <p style="padding:45px 25px;">内容归属权属于你</p>
                    </div>
                    <div class="text">
                        您创作的原创内容，您拥有绝对的控制权，我们还会将尽可能的保护您的知识产权。
                    </div>
                </div>
                <div class="item dib transition6 borderRight" aos="flip-left">
                    <div class="title">
                        <P>您将获得80%的收益？</P>
                    </div>
                    <div class="text">
                        如果产生收益，绝大部分收益归您，我们只拿10%，剩下大约5%-10%为带宽成本。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="SY-sixthPage">
        <div class="wrap clearfix">
            <div class="fl textBox">
                <div class="dib line"></div>
                <div class="dib text">
                    <p class="num1">点击右边按钮</p>
                    <p class="num2">开始您的分享</p>
                </div>
            </div>
            <div class="fr openPage tac">
                <a class="db transition" href="Setting.html">开通我的研习社</a>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<!--页脚 开始-->
<div class="SY-footer">
    <div class="SY-foot clearfix">
        <div class="aboutUs fl">
            <div class="logoBox">
                <img src="img/icons/bottomLogo.png" alt="">
                <p class="dib slogin">深夜研习社</p>
                <span class="line dib"></span>
                <p class="dib text">知识应该受到尊重</p>
            </div>
            <div class="connectUs">
                <p class="text dib">联系我们:<span class="phoneNumer dib">027-62438159</span></p>
                <a href="javascript:void(0);" class="tencent linkIcon"></a>
            </div>
        </div>
        <div class="msgDetail fr clearfix">
            <ul class="iconList fr">
                <li class="pr">
                    <span class="wechat linkIcon"></span>
                    <div class="weChatCode tac pa">
                        <i class="icon-arrow-down pa"></i>
                        <p class="scan">扫描二维码</p>
                        <p class="text">关注微信公众号</p>
                        <img src="img/icons/WeChatCode.jpg" alt="">
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="sina linkIcon"></a></li>
            </ul>
            <dl class="fr">
                <dt><a href="HelpCenter.html">关于我们</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">服务条款</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">版权申明</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">常见问题</a></dt>
            </dl>
            <p class="recordNumber"><a href="javascript:void(0);">Copyright&copy; www.shenyecg.com 2017 | 鄂ICP备16021987号-1</a></p>
        </div>
    </div>
</div>
<!--页脚 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/3Ddata.js"></script>
<script src="js/3Dslide.js"></script>
<script src="plugins/aos/aos.js"></script>
<script src="js/search.js"></script>
<script>
    AOS.init({
        easing: 'ease-in-out-back',
        duration: 1000
    });
</script>
</body>
</html>